<!--这里是用户管理<br/>-->

<section class="listSection">
  <div class="listNav">
    排污单位管理 > 自动监控设施关联管理 > 点位及设备信息管理
  </div>
  <div class="content">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>基本信息</span>
      </div>
  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">排放口基本情况</a></li>
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">监控点基本情况</a></li>
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">数采仪信息关联</a></li>
    <li role="presentation"><a href="#equipment" aria-controls="equipment" role="tab" data-toggle="tab">数采仪设备关联</a></li>
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">设备污染物关联信息</a></li>
  </ul>
  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="home">

        <div class="col-md-12 col-sm-12 col-xs-12">
          <form action="" >
            <div class="box-body add-bg">
              <div class="add-box add-box1 clearfix">
                <button  class="btn add-tit" data-toggle="modal" data-target="#addModal">新增</button>
              </div>
              <table border="1" cellspacing="0"  class="table text-center listTable">
                <tr >
                  <th>排放口类型</th>
                  <th>排放口名称</th>
                  <th>排放口编码</th>
                  <th>排放口运行状态</th>
                  <th>操作</th>
                </tr>
                  <ng-container *ngFor="let list of portList" >
                    <ng-container  *ngIf="list.portId != undefined">
                      <tr>
                  <td>{{list.portType != "" ? (list.portType == 0?"废水":"废气"):('')}}</td>
                  <td>{{list.portName}}</td>
                  <td>{{list.portCode}}</td>
                  <td>{{list.status != "" ? (list.status==0?"启用":"停用"):('')}}</td>
                  <td>
                  <span>
                    <img src="assets/icon/see.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#myModal" (click)="userMessage(list)">查看</a>
                  </span>
                    <span>
                   <img src="assets/icon/edit.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#updateModal" (click)="userMessage(list)">编辑</a>
                  </span>
                    <span>
                   <img src="assets/icon/delete.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#deleteModal" (click)="delete(list.portId)">删除</a>
                  </span>

                  </td>
                      </tr>
                    </ng-container>
                  </ng-container>

              </table>
            </div>

          </form>
        </div>
      <!-- 排放口详情 -->
      <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">查看详情</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td>排放口类型：</td>
                      <td>{{lookInfo.portType != "" ? (lookInfo.portType==0?"废水":"废气"):('')}}</td>
                    </tr>
                    <tr>
                      <td>排放口名称：</td>
                      <td>{{lookInfo.portName }}</td>
                    </tr>
                    <tr>
                      <td>排放口编码：</td>
                      <td>{{lookInfo.portCode  }}</td>
                    </tr>
                    <tr>
                      <td>关注级别：</td>
                      <td>{{lookInfo.focusLevel != "" ? (lookInfo.focusLevel==0?"重点":"非重点"):('')}}</td>
                    </tr>
                    <tr>
                      <td>经度：</td>
                      <td>{{lookInfo.longitude }}</td>
                    </tr>
                    <tr>
                      <td>纬度：</td>
                      <td>{{lookInfo.latitude  }}</td>
                    </tr>
                    <tr>
                      <td>运行状态：</td>
                      <td>{{lookInfo.status != "" ? (lookInfo.status==0?"启用":"停用"):('')}}</td>
                    </tr>
                    <tr>
                      <td>所属区域：</td>
                      <td>{{lookInfo.area}}--{{lookInfo.city}}</td>
                    </tr>
                    <tr>
                      <td>地址：</td>
                      <td>{{lookInfo.address  }}</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
        </div>
      </div>
      <!--排放口添加-->
      <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" data-target=".bs-example-modal-lg">
        <div class="modal-dialog" role="document">
          <form #addFromPort="ngForm" (ngSubmit)="doAddPort(addFromPort.value,addFromPort.valid)" novalidate>
            <div class="modal-content">
              <div class="modal-header text-center" >
                <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="addModalLabel">新增</h4>
                </div>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-md-10 col-md-offset-1">
                    <table class="table detailsTable">
                      <tr>
                        <td>排放口类型：</td>
                        <td><select class="form-control selectStyle clear-input " style="width:70%" name="type" ngModel>
                          <option value="">请选择</option>
                          <option [value]="0">废水</option>
                          <option [value]="1">废气</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>排放口名称：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="portName"  [(ngModel)]="addportName" required >
                          <input type="hidden" class="form-control" placeholder="请输入" name="polluterId"  [(ngModel)]="urldata" >
                        </td>
                        <td class="prompt-box"><div [hidden]="!addFromPort.form.hasError('required','portName')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>排放口编码：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="portCode"  [(ngModel)]="addaddportCode" required >
                        </td>
                        <td class="prompt-box"><div [hidden]="!addFromPort.form.hasError('required','portCode')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td>关注级别：</td>
                        <td><select class="form-control selectStyle clear-input" style="width:70%" name="focusLevel" ngModel>
                          <option value="">请选择</option>
                          <option [value]="0">重点</option>
                          <option [value]="1">非重点</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>经度：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="longitude"  [(ngModel)]="addlongitude" required ></td>
                        <td class="prompt-box"><div [hidden]="!addFromPort.form.hasError('required','longitude')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>纬度：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="latitude"  [(ngModel)]="addlatitude" required ></td>
                        <td class="prompt-box"><div [hidden]="!addFromPort.form.hasError('required','latitude')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td>运行状态：</td>
                        <td><select class="form-control selectStyle clear-input" style="width:70%" name="status" ngModel>
                          <option value="">请选择</option>
                          <option [value]="0">启用</option>
                          <option [value]="1">停用</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td>所属区域：</td>
                        <td><select class="form-control selectStyle clear-input " style="width:70%" name="areaCode" ngModel>
                          <option value="">请选择</option>
                          <option *ngFor="let areas of arealist" [value]="areas.areaId">{{areas.area}}--{{areas.city}}</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td>地址：</td>
                        <td><textarea class="form-control clear-input" rows="3"  name="address" ngModel></textarea></td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
              <div class="modal-footer text-center">
                <button class="btn selectButtonOfA sumbit-btn" type="submit" [disabled]="!addFromPort.form.valid">提交</button>
                <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>

              </div>
            </div>
          </form>
        </div>
      </div>
      <!--排放口编辑-->
      <div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
        <div class="modal-dialog" role="document">
          <form #editFromport="ngForm" (ngSubmit)="doEditPort(editFromport.value,editFromport.valid)" novalidate>
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="updateModalLabel">编辑</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td>排放口类型：</td>
                      <td><select class="form-control selectStyle " style="width:70%" name="type" [(ngModel)]="lookInfo.portType">
                        <option [value]="0">废水</option>
                        <option [value]="1">废气</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td><span class="red">*</span>排放口名称：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="portName"  [(ngModel)]="lookInfo.portName" required >
                        <input type="hidden" class="form-control" placeholder="请输入" name="id"  [(ngModel)]="lookInfo.portId" ></td>
                      <td class="prompt-box"><div [hidden]="!editFromport.form.hasError('required','portName')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td><span class="red">*</span>排放口编码：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="portCode"  [(ngModel)]="lookInfo.portCode" required >
                      </td>
                      <td class="prompt-box"><div [hidden]="!editFromport.form.hasError('required','portCode')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td>关注级别：</td>
                      <td><select class="form-control selectStyle " style="width:70%" name="focusLevel" [(ngModel)]="lookInfo.focusLevel">
                        <option value="">请选择</option>
                        <option [value]="0">重点</option>
                        <option [value]="1">非重点</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td><span class="red">*</span>经度：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="longitude"  [(ngModel)]="lookInfo.longitude" required ></td>
                      <td class="prompt-box"><div [hidden]="!editFromport.form.hasError('required','longitude')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td><span class="red">*</span>纬度：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="latitude"  [(ngModel)]="lookInfo.latitude" required ></td>
                      <td class="prompt-box"><div [hidden]="!editFromport.form.hasError('required','latitude')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td>运行状态：</td>
                      <td><select class="form-control selectStyle " style="width:70%" name="status" [(ngModel)]="lookInfo.status">
                        <option value="">请选择</option>
                        <option [value]="0">启用</option>
                        <option [value]="1">停用</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>所属区域：</td>
                      <td><select class="form-control selectStyle " style="width:70%" name="areaCode" [(ngModel)]="lookInfo.areaCode">
                        <option value="">请选择</option>
                        <option *ngFor="let areas of arealist" [value]="areas.areaId">{{areas.area}}--{{areas.city}}</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>地址：</td>
                      <td><textarea class="form-control" rows="3"  name="address" [(ngModel)]="lookInfo.address"></textarea></td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA sumbit-btn" type="submit" [disabled]="!editFromport.form.valid">提交</button>
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
          </form>
        </div>
      </div>
      <!--排放口删除-->
      <div class="modal fade deleteModal" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" [class.remove]="isRemove">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <img src="assets/img/warn-doat.png" alt="warn">
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1 text-center">
                  <span>您将删除这条记录</span>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA reset-btn"  role="button" (click)="deletePollut(deleteId)" data-dismiss="modal">删除</button>
              <button class="btn selectButtonOfA close-btn"  role="button" data-dismiss="modal">取消</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--监控点基本情况-->
    <div role="tabpanel" class="tab-pane" id="profile">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <form action="" >
            <div class="box-body add-bg">
              <div class="add-box add-box1 clearfix">
                <button  class="btn add-tit" data-toggle="modal" data-target="#addModal1">新增</button>
              </div>
              <table border="1" cellspacing="0"  class="table text-center listTable">
                <tr >
                  <th>监控点类型</th>
                  <th>监控点名称</th>
                  <th>所属排放口</th>
                  <th>操作</th>
                </tr>
                <ng-container *ngFor="let list of monitorList" >
                  <ng-container  *ngIf="list.monitorId != undefined">
                    <tr>
                  <td >{{list.monitorType != undefined ? (list.monitorType==0?"废水":"废气"):('')}}</td>
                  <td>{{list.monitorName}}</td>
                  <td>{{list.portName}}</td>
                  <td>
                  <span>
                    <img src="assets/icon/see.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#myModal1" (click)="monitorMessage(list)">查看</a>
                  </span>
                    <span>
                   <img src="assets/icon/edit.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#updateModal1" (click)="monitorMessage(list)">编辑</a>
                  </span>
                    <span>
                    <img src="assets/icon/delete.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#deleteModal1" (click)="deleteMonitor(list.monitorId)">删除</a>
                  </span>
                  </td>
                    </tr>
                  </ng-container>
                </ng-container>
              </table>
            </div>
          </form>
        </div>
      <!-- 监控点详情 -->
      <div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel1">查看详情</h4>
              </div>
            </div>
            <div class="modal-body">

              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td>监控点类型：</td>
                      <td>{{monitorInfo.monitorType==0?"废水":"废气"}}</td>
                    </tr>
                    <tr>
                      <td>监控点名称：</td>
                      <td>{{monitorInfo.monitorName }}</td>
                    </tr>
                    <tr>
                      <td>关联排放口：</td>
                      <td>{{monitorInfo.portName  }}</td>
                    </tr>
                    <tr>
                      <td>备注：</td>
                      <td>{{monitorInfo.remark  }}</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
        </div>
      </div>
      <!--监控点添加-->
      <div class="modal fade" id="addModal1" tabindex="-2" role="dialog" aria-labelledby="addModalLabel1" data-target=".bs-example-modal-lg">
        <div class="modal-dialog" role="document">
          <form #addFrommonitor="ngForm" (ngSubmit)="doAddmonitor(addFrommonitor.value,addFrommonitor.valid)" novalidate>
            <div class="modal-content">
              <div class="modal-header text-center" >
                <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="addModalLabel1">新增</h4>
                </div>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-md-10 col-md-offset-1">
                    <table class="table detailsTable">
                      <tr>
                        <td>监控点类型：</td>
                        <td><select class="form-control selectStyle " style="width:70%" name="monitorType"  [(ngModel)]="addmonitorType"  required>
                          <option value="">请选择</option>
                          <option [value]="0">废水</option>
                          <option [value]="1">废气</option>
                        </select>
                        </td>
                        <td class="prompt-box"><div [hidden]="!addFrommonitor.form.hasError('required','monitorType')" class="prompt">*必填</div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>监控点名称：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="monitorName"   [(ngModel)]="addmonitorName"  required >
                         </td>
                        <td class="prompt-box"><div [hidden]="!addFrommonitor.form.hasError('required','monitorName')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>关联排放口：</td>
                        <td>
                          <select class="form-control selectStyle " style="width:70%" name="portId"  [(ngModel)]="addportId"  required >
                          <option value="">请选择</option>
                          <option *ngFor="let types of portlist" [value]="types.id" >{{types.portName}}</option>
                        </select></td>
                        <td class="prompt-box"><div [hidden]="!addFrommonitor.form.hasError('required','portId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td>备注：</td>
                        <td><textarea class="form-control clear-input" rows="3"  name="remark" ngModel></textarea></td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
              <div class="modal-footer text-center">
                <button class="btn selectButtonOfA sumbit-btn" type="submit" [disabled]="!addFrommonitor.form.valid">提交</button>
                <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <!--监控点编辑-->
      <div class="modal fade" id="updateModal1" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
        <div class="modal-dialog" role="document">
          <form #editFrommonitor="ngForm" (ngSubmit)="doEditmonitor(editFrommonitor.value,editFrommonitor.valid)" novalidate>
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="updateModalLabel1">编辑</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td>监控点类型：</td>
                      <td>
                        <select class="form-control selectStyle " style="width:70%" name="monitorType"[(ngModel)]="monitorInfo.monitorType" required>
                        <option [value]="0">废水</option>
                        <option [value]="1">废气</option>
                      </select>
                      </td>
                      <td class="prompt-box"><div [hidden]="!editFrommonitor.form.hasError('required','monitorType')" class="prompt">*必填</div></td>
                    </tr>
                    <tr>
                      <td><span class="red">*</span>监控点名称：</td>
                      <td><input type="text" class="form-control" name="monitorName" [(ngModel)]="monitorInfo.monitorName" required>
                        <input type="hidden" class="form-control" placeholder="请输入" name="id"  [(ngModel)]="monitorInfo.monitorId" >
                        </td>
                      <td class="prompt-box"><div [hidden]="!editFrommonitor.form.hasError('required','monitorName')" class="prompt"></div></td>

                    </tr>
                    <tr>
                      <td><span class="red">*</span>关联排放口：</td>
                      <td><select class="form-control selectStyle " style="width:70%" name="portId" [(ngModel)]="monitorInfo.portId" required >
                        <option *ngFor="let types of portlist" [value]="types.id" [selected]="types.id==monitorInfo.portId">{{types.portName}}</option>
                      </select></td>
                      <td class="prompt-box"><div [hidden]="!editFrommonitor.form.hasError('required','portId')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td>备注：</td>
                      <td><textarea class="form-control" rows="3" name="remark" [(ngModel)]="monitorInfo.remark"></textarea></td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA sumbit-btn"  type="submit" [disabled]="!editFrommonitor.form.valid">提交</button>
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
          </form>
        </div>
      </div>
      <!--监控点删除-->
      <div class="modal fade deleteModal" id="deleteModal1" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" [class.remove]="isRemove">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <img src="assets/img/warn-doat.png" alt="warn">
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1 text-center">
                  <span>您将删除这条记录</span>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA reset-btn"  role="button" (click)="deletemonitor(deleteId)" data-dismiss="modal">删除</button>
              <button class="btn selectButtonOfA close-btn"  role="button" data-dismiss="modal">取消</button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--数采仪信息关联-->
    <div role="tabpanel" class="tab-pane" id="messages">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <form action="" >
            <div class="box-body add-bg">
              <div class="add-box add-box1 clearfix">
                <button  class="btn add-tit" data-toggle="modal" data-target="#addModal2">新增</button>
              </div>
              <table border="1" cellspacing="0"  class="table text-center listTable">
                <tr >
                  <th>数采仪</th>
                  <th>MN号</th>
                  <th>类型</th>
                  <th>生产商</th>
                  <th>所属监控点</th>
                  <th>操作</th>
                </tr>
                  <ng-container *ngFor="let list of dataAcqList" >
                    <ng-container  *ngIf="list.dataAcqId != undefined">
                      <tr>
                  <td>{{list.dataAcqName}}</td>
                  <td>{{list.mn}}</td>
                  <td>{{list.stType | typePipe}}</td>
                  <td>{{list.manufacturer}}</td>
                  <td>{{list.monitorName}}</td>
                  <td>
                  <span>
                 <img src="assets/icon/see.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#myModal2" (click)="acqMessageLook(list.dataAcqId)">查看</a>
                  </span>
                    <span>
                   <img src="assets/icon/edit.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#updateModal2" (click)="acqMessageLook(list.dataAcqId)">编辑</a>
                  </span>
                    <span>
                    <img src="assets/icon/delete.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#deleteModal2" (click)="deleteEqui(list.dataAcqId)">删除</a>
                  </span>
                  </td>
                      </tr>
                  </ng-container>
                  </ng-container>
              </table>
            </div>
          </form>
        </div>
      <!-- 数采仪信息关联详情 -->
      <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel2">查看详情</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td>设备名称：</td>
                      <td>{{acqListLook.equipmentName  }}</td>
                    </tr>
                    <tr>
                      <td>关联监控点：</td>
                      <td>{{acqListLook.monitorName  }}</td>
                    </tr>
                    <tr>
                      <td>MN号：</td>
                      <td>{{acqListLook.mn  }}</td>
                    </tr>
                    <tr>
                      <td>版本号：</td>
                      <td>{{acqListLook.versionNumber  }}</td>
                    </tr>
                    <tr>
                      <td>生产商：</td>
                      <td>{{acqListLook.manufacturer  }}</td>
                    </tr>
                    <tr>
                      <td>关联IP端口信息：</td>
                      <td>{{acqListLook.portIp  }}</td>
                    </tr>
                    <tr>
                      <td>备注：</td>
                      <td>{{acqListLook.remark  }}</td>
                    </tr>
                    <tr>
                      <td>密码：</td>
                      <td>{{acqListLook.password  }}</td>
                    </tr>
                    <tr>
                      <td>类型：</td>
                      <td>{{acqListLook.stType | typePipe }}
                      </td>
                    </tr>
                    <tr>
                      <td>开机时间：</td>
                      <td>
                        {{acqListLook.restartTime | date:'yyyy-MM-dd HH:mm:ss'  }}
                      </td>
                    </tr>
                    <tr>
                      <td>超时时间：</td>
                      <td>
                        {{acqListLook.overTimes  }}
                      </td>
                    </tr>
                    <tr>
                      <td>重发次数：</td>
                      <td>{{acqListLook.sendCount  }}</td>
                    </tr>
                    <tr>
                      <td>实时间隔数据：</td>
                      <td>{{acqListLook.rtdInterval  }}</td>
                    </tr>
                    <tr>
                      <td>分钟数据间隔：</td>
                      <td>{{acqListLook.minInterval  }}</td>
                    </tr>
                    <tr>
                      <td>连续采样因子数据间隔：</td>
                      <td>{{acqListLook.saveInterval  }}</td>
                    </tr>
                    <tr>
                      <td>实时数据上报标识：</td>
                      <td>{{acqListLook.realFlag !="" ? (acqListLook.realFlag==0?"上报":"不上报"):('')}}</td>
                    </tr>
                    <tr>
                      <td>设备运行状态上报标识：</td>
                      <td>{{acqListLook.equipmentFlag !="" ? (acqListLook.equipmentFlag==0?"上报":"不上报"):('')}}</td>
                    </tr>
                    <tr>
                      <td>是否启用：</td>
                      <td>{{acqListLook.startFlag !="" ? (acqListLook.startFlag==0?"是":"否"):('')}}</td>
                    </tr>
                    <tr>
                      <td>是否接受数据：</td>
                      <td>{{acqListLook.receiveFlag !="" ? (acqListLook.receiveFlag==0?"是":"否"):('')}}</td>
                    </tr>
                    <tr>
                      <td>是否展示数据：</td>
                      <td>{{acqListLook.showFlag != "" ? (acqListLook.showFlag==0?"是":"否"):('')}}</td>
                    </tr>
                    <tr>
                      <td>数据包转发标识：</td>
                      <td>{{acqListLook.forwardFlag !="" ? (acqListLook.forwardFlag==0?"转发":"不转发"):('')}}</td>
                    </tr>
                    <tr>
                      <td>校验标识：</td>
                      <td>{{acqListLook.validSwitch !="" ? (acqListLook.validSwitch==0?"需要校验":"不需校验"):('')}}</td>
                    </tr>
                    <tr>
                      <td>crc校验标识：</td>
                      <td>{{acqListLook.crcSwitch !="" ? (acqListLook.crcSwitch==0?"需要校验":"不需校验"):('')}}</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
        </div>
      </div>
      <!--数采仪信息关联添加-->
      <div class="modal fade" id="addModal2" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" data-target=".bs-example-modal-lg">
        <div class="modal-dialog" role="document">
          <form #addFromacq="ngForm" (ngSubmit)="doAddequi(addFromacq.value,addFromacq.valid)" novalidate>
            <div class="modal-content">
              <div class="modal-header text-center" >
                <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="addModalLabel2">新增</h4>
                </div>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-md-10 col-md-offset-1">
                    <table class="table detailsTable">
                      <tr>
                        <td><span class="red">*</span>设备名称：</td>
                        <td><select class="form-control selectStyle " name="acquistionId"  [(ngModel)]="addacquistionId"  style="width:70%"  required (chick)="getEquipment()">
                          <option *ngFor="let types of equipmentlist" [value]="types.id">{{types.name}}</option>
                        </select>
                         </td>
                        <td class="prompt-box"><div [hidden]="!addFromacq.form.hasError('required','acquistionId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>关联监控点：</td>
                        <td><select class="form-control selectStyle " name="monitorId" [(ngModel)]="addmonitorId" style="width:70%" required (chick)="getMonitor()">
                          <option *ngFor="let types of monitorlist" [value]="types.id">{{types.monitorName}}</option>
                        </select></td>
                        <td class="prompt-box"><div [hidden]="!addFromacq.form.hasError('required','monitorId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td>MN号：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="mn"  ngModel></td>
                      </tr>
                      <tr>
                        <td>版本号：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="versionNumber"  ngModel></td>
                      </tr>
                      <tr>
                        <td>生产商：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="manufacturer"  ngModel></td>
                      </tr>
                      <tr>
                        <td>关联IP端口信息：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="portIp"  ngModel></td>
                      </tr>
                      <tr>
                        <td>备注：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="remark"  ngModel></td>
                      </tr>
                      <tr>
                        <td>密码：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="password"  ngModel></td>
                      </tr>
                      <tr>
                        <td>类型：</td>
                        <td><select class="form-control selectStyle  clear-input" name="stType" ngModel style="width:70%" >
                          <option [value]="21">地表水质量</option>
                          <option [value]="23">声环境质量检测</option>
                          <option [value]="24">地下水质量检测</option>
                          <option [value]="25">土壤质量检测</option>
                          <option [value]="26">海水质量检测</option>
                          <option [value]="27">挥发性有机物检测</option>
                          <option [value]="31">大气环境污染源</option>
                          <option [value]="32">地表水体环境污染源</option>
                          <option [value]="33">地下水体环境污染源</option>
                          <option [value]="34">海洋环境污染源</option>
                          <option [value]="35">土壤环境污染源</option>
                          <option [value]="36">声环境污染源</option>
                          <option [value]="37">震动环境污染源</option>
                          <option [value]="38">放射性环境污染源</option>
                          <option [value]="39">工地扬尘污染源</option>
                          <option [value]="41">电磁环境污染源</option>
                          <option [value]="51">烟气排放过程监控</option>
                          <option [value]="52">污水排放过程监控</option>
                          <option [value]="88">用电量</option>
                          <option [value]="91">系统交互</option>
                        </select>
                        </td>
                      </tr>
                      <tr>
                        <td>开机时间：</td>
                        <td>
                          <div class="demo">
                            <input type="text" id="startEndTimestart" class="form-control startEndTime clear-input" ngModel name="restartTime">
                            <i class="glyphicon glyphicon-calendar fa fa-calendar" style="top:6px; right: 20px;"></i>
                           </div>
                        </td>
                      </tr>
                      <tr>
                        <td>超时时间：</td>
                        <td>
                          <input type="text" class="form-control clear-input" placeholder="单位为秒，取值0~99之间" name="overTimes"  ngModel>
                        </td>
                      </tr>
                      <tr>
                        <td>重发次数：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="取值0~99之间" name="sendCount"  ngModel></td>
                      </tr>
                      <tr>
                        <td>实时间隔数据：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="单位为秒，取值30~3600之间" name="rtdInterval"  ngModel></td>
                      </tr>
                      <tr>
                        <td>分钟数据间隔：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="单位为分钟，取值1~30" name="minInterval"  ngModel></td>
                      </tr>
                      <tr>
                        <td>连续采样因子数据间隔：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="saveInterval"  ngModel></td>
                      </tr>
                      <tr>
                        <td>实时数据上报标识：</td>
                        <td><select class="form-control selectStyle clear-input " ngModel name="realFlag">
                          <option [value]="0">上报</option>
                          <option [value]="1">不上报</option>
                        </select></td>
                      </tr>
                      <tr>
                      <td>设备运行状态上报标识：</td>
                      <td><select class="form-control selectStyle clear-input " ngModel name="equipmentFlag">
                        <option [value]="0">上报</option>
                        <option [value]="1">不上报</option>
                      </select></td>
                    </tr>
                      <tr>
                        <td>是否启用：</td>
                        <td><select class="form-control selectStyle clear-input " ngModel name="startFlag">
                          <option [value]="0">是</option>
                          <option [value]="1">否</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td>是否接受数据：</td>
                        <td><select class="form-control selectStyle clear-input " ngModel name="receiveFlag">
                          <option [value]="0">是</option>
                          <option [value]="1">否</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td>是否展示数据：</td>
                        <td><select class="form-control selectStyle clear-input " ngModel name="showFlag">
                          <option [value]="0">是</option>
                          <option [value]="1">否</option>
                        </select></td>
                      </tr>
                      <tr>
                        <td>数据包转发标识：</td>
                        <td><select class="form-control selectStyle clear-input " ngModel name="forwardFlag">
                          <option [value]="0">不转发</option>
                          <option [value]="1">转发</option>
                        </select></td>
                      </tr>
                      <tr>
                      <td>校验标识：</td>
                      <td><select class="form-control selectStyle clear-input " ngModel name="validSwitch">
                        <option [value]="0">需要校验</option>
                        <option [value]="1">不需校验</option>
                      </select></td>
                    </tr>
                      <tr>
                        <td>crc校验标识：</td>
                        <td><select class="form-control selectStyle clear-input " ngModel name="crcSwitch">
                          <option [value]="0">需要校验</option>
                          <option [value]="1">不需校验</option>
                        </select></td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
              <div class="modal-footer text-center">
                <button class="btn selectButtonOfA sumbit-btn" type="submit" [disabled]="!addFromacq.form.valid">提交</button>
                <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <!--数采仪信息关联编辑-->
      <div class="modal fade" id="updateModal2" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
        <div class="modal-dialog" role="document">
          <form #editFromquia="ngForm" (ngSubmit)="doEditequia(editFromquia.value,editFromquia.valid)" novalidate>
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="updateModalLabel2">编辑</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td><span class="red">*</span>设备名称：</td>
                      <td>
                        <select class="form-control selectStyle " name="acquistionId" [(ngModel)]="acqListLook.acquistionId"  style="width:70%" (chick)="getEquipment()">
                          <option value="">请选择</option>
                        <option *ngFor="let types of equipmentlist" [value]="types.id" [selected]="types.id==acqListLook.acquistionId">{{types.name}}</option>
                      </select>
                        <input type="hidden" class="form-control" name="id" [(ngModel)]="acqListLook.dataAcqId">
                        <input type="hidden" class="form-control" name="dataAcquistionId" [(ngModel)]="acqListLook.dataAcqId">
                      </td>
                      <td class="prompt-box"><div [hidden]="!editFromquia.form.hasError('required','acquistionId')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td><span class="red">*</span>关联监控点：</td>
                      <td>
                        <select class="form-control selectStyle " name="monitorId" [(ngModel)]="acqListLook.monitorId" style="width:70%"  (chick)="getMonitor()">
                          <option value="">请选择</option>
                          <option *ngFor="let types of monitorlist" [value]="types.id" [selected]="types.id==acqListLook.monitorId">{{types.monitorName}}</option>
                      </select></td>
                      <td class="prompt-box"><div [hidden]="!editFromquia.form.hasError('required','monitorId')" class="prompt"></div></td>
                    </tr>
                    <tr>
                      <td>MN号：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="mn"  [(ngModel)]="acqListLook.mn"></td>
                    </tr>
                    <tr>
                      <td>版本号：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="versionNumber"  [(ngModel)]="acqListLook.versionNumber"></td>
                    </tr>
                    <tr>
                      <td>生产商：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="manufacturer"  [(ngModel)]="acqListLook.manufacturer"></td>
                    </tr>
                    <tr>
                      <td>关联IP端口信息：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="portIp"  [(ngModel)]="acqListLook.portIp"></td>
                    </tr>
                    <tr>
                      <td>备注：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="remark"  [(ngModel)]="acqListLook.remark"></td>
                    </tr>
                    <tr>
                      <td>密码：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="password"  [(ngModel)]="acqListLook.password"></td>
                    </tr>
                    <tr>
                      <td>类型：</td>
                      <td><select class="form-control selectStyle " name="stType" [(ngModel)]="acqListLook.stType" style="width:70%" >
                        <option [value]="21">地表水质量</option>
                        <option [value]="23">声环境质量检测</option>
                        <option [value]="24">地下水质量检测</option>
                        <option [value]="25">土壤质量检测</option>
                        <option [value]="26">海水质量检测</option>
                        <option [value]="27">挥发性有机物检测</option>
                        <option [value]="31">大气环境污染源</option>
                        <option [value]="32">地表水体环境污染源</option>
                        <option [value]="33">地下水体环境污染源</option>
                        <option [value]="34">海洋环境污染源</option>
                        <option [value]="35">土壤环境污染源</option>
                        <option [value]="36">声环境污染源</option>
                        <option [value]="37">震动环境污染源</option>
                        <option [value]="38">放射性环境污染源</option>
                        <option [value]="39">工地扬尘污染源</option>
                        <option [value]="41">电磁环境污染源</option>
                        <option [value]="51">烟气排放过程监控</option>
                        <option [value]="52">污水排放过程监控</option>
                        <option [value]="88">用电量</option>
                        <option [value]="91">系统交互</option>
                      </select>
                      </td>
                    </tr>
                    <tr>
                      <td>开机时间：</td>
                      <td>
                        <div class="demo">
                          <input type="text" id="startEndTime" class="form-control startEndTime" [(ngModel)]="dateStr" name="restartTime">
                          <i class="glyphicon glyphicon-calendar fa fa-calendar" style="top:6px; right: 20px;"></i>
                        </div>
                      </td>
                    </tr>
                    <tr>
                      <td>超时时间：</td>
                      <td><input type="text" class="form-control" placeholder="单位为秒，取值0~99之间" name="overTimes"  [(ngModel)]="acqListLook.overTimes"></td>
                    </tr>
                    <tr>
                      <td>重发次数：</td>
                      <td><input type="text" class="form-control" placeholder="取值0~99之间" name="sendCount"  [(ngModel)]="acqListLook.sendCount"></td>
                    </tr>
                    <tr>
                      <td>实时间隔数据：</td>
                      <td><input type="text" class="form-control" placeholder="单位为秒，取值30~3600之间" name="rtdInterval" [(ngModel)]="acqListLook.rtdInterval"></td>
                    </tr>
                    <tr>
                      <td>分钟数据间隔：</td>
                      <td><input type="text" class="form-control" placeholder="单位为分钟，取值1~30" name="minInterval" [(ngModel)]="acqListLook.minInterval"></td>
                    </tr>
                    <tr>
                      <td>连续采样因子数据间隔：</td>
                      <td><input type="text" class="form-control" placeholder="请输入" name="saveInterval"  [(ngModel)]="acqListLook.saveInterval"></td>
                    </tr>
                    <tr>
                      <td>实时数据上报标识：</td>
                      <td><select class="form-control selectStyle "  name="realFlag" [(ngModel)]="acqListLook.realFlag">
                        <option value="0">上报</option>
                        <option value="1">不上报</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>设备运行状态上报标识：</td>
                      <td><select class="form-control selectStyle " name="equipmentFlag" [(ngModel)]="acqListLook.equipmentFlag">
                        <option [value]="0">上报</option>
                        <option [value]="1">不上报</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>是否启用：</td>
                      <td><select class="form-control selectStyle " [(ngModel)]="acqListLook.startFlag" name="startFlag">
                        <option [value]="0">是</option>
                        <option [value]="1">否</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>是否接受数据：</td>
                      <td><select class="form-control selectStyle " [(ngModel)]="acqListLook.receiveFlag" name="receiveFlag">
                        <option [value]="0">是</option>
                        <option [value]="1">否</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>是否展示数据：</td>
                      <td><select class="form-control selectStyle " [(ngModel)]="acqListLook.showFlag" name="showFlag">
                        <option [value]="0">是</option>
                        <option [value]="1">否</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>数据包转发标识：</td>
                      <td><select class="form-control selectStyle " [(ngModel)]="acqListLook.forwardFlag" name="forwardFlag">
                        <option [value]="0">不转发</option>
                        <option [value]="1">转发</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>校验标识：</td>
                      <td><select class="form-control selectStyle " [(ngModel)]="acqListLook.validSwitch" name="validSwitch">
                        <option [value]="0">需要校验</option>
                        <option [value]="1">不需校验</option>
                      </select></td>
                    </tr>
                    <tr>
                      <td>crc校验标识：</td>
                      <td><select class="form-control selectStyle clear-input "[(ngModel)]="acqListLook.crcSwitch" name="crcSwitch">
                        <option [value]="0">需要校验</option>
                        <option [value]="1">不需校验</option>
                      </select></td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA sumbit-btn"  type="submit" [disabled]="!editFromquia.form.valid">提交</button>
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
          </form>
        </div>
      </div>
      <!--数采仪信息关联删除-->
      <div class="modal fade deleteModal" id="deleteModal2" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" [class.remove]="isRemove">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <img src="assets/img/warn-doat.png" alt="warn">
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1 text-center">
                  <span>您将删除这条记录</span>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA reset-btn"  role="button" (click)="deleteequi(deleteId)" data-dismiss="modal">删除</button>
              <button class="btn selectButtonOfA close-btn"  role="button" data-dismiss="modal">取消</button>
            </div>
          </div>
        </div>
      </div></div>
    <!--数采仪设备关联-->
    <div role="tabpanel" class="tab-pane" id="equipment">
      <div class="col-md-12 col-sm-12 col-xs-12">
        <form action="" >
          <div class="box-body add-bg">
            <div class="add-box add-box1 clearfix">
              <button  class="btn add-tit" data-toggle="modal" data-target="#addModal4">新增</button>
            </div>
            <table border="1" cellspacing="0"  class="table text-center listTable">
              <tr >
                <th>数采仪</th>
                <th>设备</th>
                <th>设备编码</th>
                <th>类型</th>
                <th>操作</th>
              </tr>
              <ng-container *ngFor="let list of equipList" >
                <ng-container  *ngIf="list.equipId != undefined">
                  <tr>
                    <td>{{list.dataAcqName}}</td>
                    <td>{{list.equipmentName}}</td>
                    <td>{{list.equipmentCode}}</td>
                    <td>{{list.type}}</td>
                    <td>
                  <span>
                   <img src="assets/icon/see.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#myModal4" (click)="equimentMessage(list)">查看</a>
                  </span>
                      <span>
                   <img src="assets/icon/edit.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#updateModal4" (click)="equimentMessage(list)">编辑</a>
                  </span>
                      <span>
                  <img src="assets/icon/delete.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#deleteModal4" (click)="deleteEquiment(list.equipId)">删除</a>
                  </span>

                    </td>
                  </tr>
                </ng-container>
              </ng-container>

            </table>
          </div>

        </form>
      </div>
      <!-- 数采仪设备关联详情 -->
      <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel4">查看详情</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1">
                  <table class="table detailsTable">
                    <tr>
                      <td>数采仪：</td>
                      <td>{{EquipInfo.dataAcqName}}</td>
                    </tr>
                    <tr>
                      <td>设备名称：</td>
                      <td>{{EquipInfo.equipmentName}}</td>
                    </tr>
                    <tr>
                      <td>设备编码：</td>
                      <td>{{EquipInfo.equipmentCode  }}</td>
                    </tr>
                    <tr>
                      <td>类型参数：</td>
                      <td>{{EquipInfo.type  }}</td>
                    </tr>
                  </table>
                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
        </div>
      </div>
      <!--数采仪设备关联添加-->
      <div class="modal fade" id="addModal4" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" data-target=".bs-example-modal-lg">
        <div class="modal-dialog" role="document">
          <form #addFromequiment="ngForm" (ngSubmit)="doAddEquiment(addFromequiment.value,addFromequiment.valid)" novalidate>
            <div class="modal-content">
              <div class="modal-header text-center" >
                <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="addModalLabel4">新增</h4>
                </div>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-md-10 col-md-offset-1">
                    <table class="table detailsTable">
                      <tr>
                        <td><span class="red">*</span>数采仪：</td>
                        <td><select class="form-control selectStyle " name="acquistionId" [(ngModel)]="addacquistionId1" style="width:70%" required (chick)="getDataAcqList()">
                          <option value="">请选择</option>
                          <option *ngFor="let types of DataAcqList" [value]="types.acquisitionId">{{types.dataAcqName}}--{{types.monitorName}}</option>
                        </select>
                        </td>
                        <td class="prompt-box"><div [hidden]="!addFromequiment.form.hasError('required','acquistionId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>设备名称：</td>
                        <td><select class="form-control selectStyle " name="equipmentId" [(ngModel)]="addequipmentId1" style="width:70%" required >
                          <option value="">请选择</option>
                          <option *ngFor="let types of queryEquipmentList" [value]="types.id">{{types.name}}</option>
                        </select>
                        </td>
                        <td class="prompt-box"><div [hidden]="!addFromequiment.form.hasError('required','equipmentId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td>设备编码：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="equipmentCode"  ngModel></td>
                      </tr>
                      <tr>
                        <td>类型参数：</td>
                        <td><input type="text" class="form-control clear-input" placeholder="请输入" name="type"  ngModel></td>
                      </tr>
                    </table>
                  </div>
                </div>
              </div>
              <div class="modal-footer text-center">
                <button class="btn selectButtonOfA sumbit-btn" type="submit" [disabled]="!addFromequiment.form.valid">提交</button>
                <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <!--数采仪设备关联编辑-->
      <div class="modal fade" id="updateModal4" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
        <div class="modal-dialog" role="document">
          <form #editFromequiment="ngForm" (ngSubmit)="doEditequiment(editFromequiment.value,editFromequiment.valid)" novalidate>
            <div class="modal-content">
              <div class="modal-header text-center" >
                <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="updateModalLabel4">编辑</h4>
                </div>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-md-10 col-md-offset-1">
                    <table class="table detailsTable">
                      <tr>
                        <td><span class="red">*</span>数采仪：</td>
                        <td>
                          <select class="form-control selectStyle " name="acquistionId" [(ngModel)]="EquipInfo.acquistionId" style="width:70%" required >
                          <option *ngFor="let types of DataAcqList" [value]="types.acquisitionId"  [selected]="types.acquistionId==EquipInfo.acquisitionId">{{types.dataAcqName}}--{{types.monitorName}}</option>
                        </select>
                          <input type="hidden" class="form-control" placeholder="请输入" name="id"  [(ngModel)]="EquipInfo.equipId" ></td>
                        <td class="prompt-box"><div [hidden]="!editFromequiment.form.hasError('required','equipId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td><span class="red">*</span>设备名称：</td>
                        <td>
                          <select class="form-control selectStyle " name="equipmentId" [(ngModel)]="EquipInfo.equipmentId" style="width:70%" required  (chick)="getqueryEquipmentList()">
                            <option *ngFor="let types of queryEquipmentList" [value]="types.id" [selected]="types.id==EquipInfo.equipmentId">{{types.name}}</option>
                        </select>
                        </td>
                        <td class="prompt-box"><div [hidden]="!editFromequiment.form.hasError('required','equipmentId')" class="prompt"></div></td>
                      </tr>
                      <tr>
                        <td>设备编码：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="equipmentCode"  [(ngModel)]="EquipInfo.equipmentCode"></td>
                      </tr>
                      <tr>
                        <td>类型参数：</td>
                        <td><input type="text" class="form-control" placeholder="请输入" name="type"  [(ngModel)]="EquipInfo.type"></td>
                      </tr>

                    </table>
                  </div>
                </div>
              </div>
              <div class="modal-footer text-center">
                <button class="btn selectButtonOfA sumbit-btn" type="submit" [disabled]="!editFromequiment.form.valid">提交</button>
                <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <!--数采仪设备关联删除-->
      <div class="modal fade deleteModal" id="deleteModal4" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" [class.remove]="isRemove">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <img src="assets/img/warn-doat.png" alt="warn">
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1 text-center">
                  <span>您将删除这条记录</span>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA reset-btn"  role="button" (click)="deletement(deleteId)" data-dismiss="modal">删除</button>
              <button class="btn selectButtonOfA close-btn"  role="button" data-dismiss="modal">取消</button>

            </div>
          </div>
        </div>
      </div></div>
    <!--污染物关联信息-->
    <div role="tabpanel" class="tab-pane" id="settings">
        <div class="col-md-12 col-sm-12 col-xs-12">
          <form action="" >
            <div class="box-body add-bg">
              <div class="add-box add-box1 clearfix">
                <button  class="btn add-tit" data-toggle="modal" data-target="#addModal3">新增</button>
              </div>
              <table border="1" cellspacing="0"  class="table text-center listTable">
                <tr>
                  <th>设备名称</th>
                  <th>检测因子</th>
                  <th>预警最小值</th>
                  <th>预警最大值</th>
                  <th>人工预警最小值</th>
                  <th>人工预警最大值</th>
                  <th>量程下限</th>
                  <th>量程上限</th>
                  <th>操作</th>
                </tr>
                <ng-container *ngFor="let list of codeList" >
                  <ng-container  *ngIf="list.equiPollId != undefined">
                <tr>
                  <td>{{list.equipmentName}}</td>
                  <td>{{list.pollutantName}}</td>
                  <td>{{list.warnMin}}</td>
                  <td>{{list.warnMax}}</td>
                  <td>{{list.manualMin}}</td>
                  <td>{{list.manualMax}}</td>
                  <td>{{list.rangeMin}}</td>
                  <td>{{list.rangeMax}}</td>
                  <td>
                  <span>
                  <img src="assets/icon/see.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#myModal3" (click)="pointMessage(list.equipmentName,list.equipmentId)">查看</a>
                  </span>
                    <span>
                  <img src="assets/icon/edit.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#updateModal3" (click)="pointMessageedit(list.equipmentName,list.equipmentId)">编辑</a>
                  </span>
                    <span>
                   <img src="assets/icon/delete.png" class="list-icon" alt="">
                      <a href="#" data-toggle="modal" data-target="#deleteModal3" (click)="deletePoint(list.equiPollId)">删除</a>
                  </span>

                  </td>
                </tr>
                  </ng-container>
                </ng-container>
              </table>
            </div>

          </form>
        </div>
      <!-- 污染物关联信息详情 -->
      <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel3">查看详情</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group clearfix col-md-12">
                    <label class="col-sm-3 control-label">设备名称：</label>
                   <div class="col-sm-6">{{equipmentName}}</div>
                  </div>
                  <div id="code-boxlook" class="code-box">
                  <div class="form-group first-line first-line-bj clearfix col-md-12" *ngFor="let lookList of dataLookList">
                    <div class="row clearfix">
                      <label class="col-sm-1 control-label">检测因子：</label>
                     <div class="col-sm-1">
                       {{lookList.pollutantName}}
                      </div>
                     <label class="col-sm-1 control-label">预警最小值：</label>
                      <div class="col-sm-1">
                        {{lookList.warnMin}}
                       </div>
                     <label class="col-sm-1 control-label">预警最大值：</label>
                      <div class="col-sm-1">
                        {{lookList.warnMax}}
                       </div>
                      </div>
                   <div class="row clearfix">
                     <label class="col-sm-1 control-label">人工预警最小值：</label>
                      <div class="col-sm-1">
                        {{lookList.manualMin}}
                       </div>
                     <label class="col-sm-1 control-label">人工预警最大值：</label>
                      <div class="col-sm-1">
                        {{lookList.manualMax}}
                       </div>
                     <label class="col-sm-1 control-label">量程上限：</label>
                      <div class="col-sm-1">
                        {{lookList.rangeMax}}
                       </div>
                     </div>
                     <div class="row clearfix">
                     <label class="col-sm-1 control-label">量程下限：</label>
                      <div class="col-sm-1">
                        {{lookList.rangeMin}}
                        </div>
                     <label class="col-sm-1 control-label">采样起始时间：</label>
                      <div class="col-sm-1">
                        {{lookList.startTime}}
                       </div>
                     <label class="col-sm-1 control-label">采样周期(h)：</label>
                      <div class="col-sm-1">
                        {{lookList.samplePeriod}}
                      </div>
                    </div>
                    <div class="row clearfix">
                     <label class="col-sm-1 control-label">出样时间：</label>
                      <div class="col-sm-1">
                        {{lookList.outTime}}
                       </div>
                     </div>
                  </div>
                  </div>

                </div>
              </div>
            </div>
            <div class="modal-footer">
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
        </div>
      </div>
      <!--污染物关联信息添加-->
      <div class="modal fade" id="addModal3" tabindex="-1" role="dialog" aria-labelledby="addModalLabel" data-target=".bs-example-modal-lg">
        <div class="modal-dialog" role="document">
          <form class="form-horizontal" #addPointFrom="ngForm" (ngSubmit)="addPoint(addPointFrom.value,addPointFrom.valid)" novalidate>
            <div class="modal-content">
              <div class="modal-header text-center" >
                <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title" id="addModalLabel3">新增</h4>
                </div>
              </div>
              <div class="modal-body">
                <div class="row">
                  <div class="col-md-12">
                      <div class="form-group col-md-12">
                        <label class="col-sm-3 control-label"><span class="red">*</span>设备名称：</label>
                        <div class="col-sm-6">
                          <select class="form-control selectStyle " name="equipmentId" [(ngModel)]="equipmentId" style="width:100%"
                                  (change)="getChangeSlectedId(equipmentId,'','code-box')" required>
                            <option *ngFor="let types of queryAcqEquipment" [value]="types.equipmentId">{{types.equipmentName}}</option>
                          </select>
                      </div>
                        <div class="prompt-box col-sm-2"><div [hidden]="!addPointFrom.form.hasError('required','equipmentId')" class="prompt2"></div></div>
                        <div class="col-sm-3" id="addPort" class="addPort" (click)="addPortExt('code-box')" *ngIf="equipmentId !=undefined ">
                         <img src="assets/img/addport.png" alt="">添加
                        </div>
                      </div>
                    <div id="code-box"  class="code-box"></div>
                  </div>
                </div>
              </div>
              <div class="modal-footer text-center">
                <button class="btn selectButtonOfA sumbit-btn" type="button" (click)="doAddpointa(equipmentId)" >提交</button>
                <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
              </div>
            </div>
          </form>
        </div>
      </div>
      <!--污染物关联信息编辑-->
      <div class="modal fade" id="updateModal3" tabindex="-1" role="dialog" aria-labelledby="updateModalLabel">
        <div class="modal-dialog" role="document">
          <form>
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="updateModalLabel3">编辑</h4>
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-12">
                  <div class="form-group">
                    <label class="col-sm-3 control-label"><span class="red">*</span>设备名称：</label>
                    <div class="col-sm-6">
                      <select class="form-control selectStyle " name="equipmentNameId" [(ngModel)]="equipmentNameId" (change)="getChangeSlectedId(equipmentNameId,null,'code-boxedit')" style="width:100%" required>
                      <option *ngFor="let types of queryAcqEquipment" [value]="types.equipmentId" [selected]="types.equipmentId==equipmentId">{{types.equipmentName}}</option>
                    </select>
                    </div>
                    <div class="col-sm-3" id="addPortedit" class="addPort" (click)="addPortExt('code-boxedit')">
                      <img src="assets/img/addport.png" alt="">添加
                    </div>
                  </div>
                  <div id="code-boxedit" class="code-box"></div>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA sumbit-btn"  (click)="doEditpoint(equipmentNameId)">提交</button>
              <button class="btn selectButtonOfA close-btn" role="button" data-dismiss="modal">返回</button>
            </div>
          </div>
          </form>
        </div>
      </div>
      <!--污染物关联信息删除-->
      <div class="modal fade deleteModal" id="deleteModal3" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" [class.remove]="isRemove">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header text-center" >
              <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
                <img src="assets/img/warn-doat.png" alt="warn">
              </div>
            </div>
            <div class="modal-body">
              <div class="row">
                <div class="col-md-10 col-md-offset-1 text-center">
                  <span>您将删除这条记录</span>
                </div>
              </div>
            </div>
            <div class="modal-footer text-center">
              <button class="btn selectButtonOfA reset-btn"  role="button" (click)="deletepoint(deleteId)" data-dismiss="modal">删除</button>
              <button class="btn selectButtonOfA close-btn"  role="button" data-dismiss="modal">取消</button>

            </div>
          </div>
        </div>
      </div></div>
  </div>
</div>
  </div>
  <div class="modal fade deleteModal" id="error" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header text-center" >
          <div class="col-md-10 col-md-offset-1" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="errorMessage">错误信息</h4>
          </div>
        </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-md-10 col-md-offset-1 text-center">
              <span>{{errorMessage}}</span>
            </div>
          </div>
        </div>
        <div class="modal-footer2 text-center">
          <div class="form-group search-list-btn">
            <button  class="btn reset-btn"  data-dismiss="modal">确定</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


